<template>
<div class="homeRecommend">
  <div class="title">
   热销推荐
  </div>
  <ul>
    <li
      class="item" 
      v-for="item of weekList" 
      :key="item.id">
      <div class="item-img-content">
        <img  class="item-img" :src="item.imgUrl" alt="">
      </div>
      <div class="item-info">
          <div class="item-title">{{item.title}}</div>
          <div class="item-desc">{{item.desc}}</div>
      </div>
    </li >
  </ul>
</div>
 
</template>
<script>
 export default {
   name:"homeWeekend",
   props:{
     weekList:Array
   },
   data () {
     return {
     
     }
   },
   components: {
   }
 }
</script>
<style lang="stylus" scoped>
@import "~styles/mixins.styl";
    .title
        line-height .8rem
        text-indent .2rem
        background #eee
    .item-img-content
      height 0
      padding-bottom 37.09%
      overflow hidden
      .item-img
        width 100%   
    .item-info
      padding .1rem
      .item-title
        line-height .54rem
        font-size .32rem
      .item-desc
        line-height .4rem
        color #ccc
        ellipsis()        
</style>

